@-moz-document domain("render.githubusercontent.com"), domain("notebooks.githubusercontent.com"), domain("viewscreen.githubusercontent.com") {
  :root {
    --jp-content-font-color1: #ccc;
    --jp-content-font-color2: #bbb;
    --jp-content-font-color3: #aaa;
    --jp-content-font-color4: #999;
  }
  /* generated render.githubusercontent.com rules */
  body, .render-shell {
    background: var(--ghd-code-background) !important;
  }
  .render-shell .mermaid {
    background: var(--color-canvas-default) !important;
  }
  .render-shell img.math {
    filter: invert(100%) hue-rotate(180deg) !important;
  }
  .render-shell .output_area .output_png img {
    filter: invert(90.5%) hue-rotate(180deg) saturate(200%) brightness(85%) !important;
  }
  .render-shell .output_area .output_png:hover img {
    filter: none !important;
  }
  .render-shell .added-frame, .render-shell .deleted-frame {
    box-sizing: border-box !important;
  }
  .render-shell .swipe-frame .deleted-frame {
    margin-left: 2px !important;
  }
  .render-shell:not([data-document-path]) img, .render-shell canvas {
    border: none !important;
    background-image: url("") !important;
  }
  /* https://github.com/StylishThemes/GitHub-Dark/issues/1209 */
  .render-shell:not([data-document-path]) img:not([src$=".svg" i]):not(.leaflet-tile):not(.leaflet-marker-icon) {
    width: 100% !important;
    height: 100% !important;
  }
  img.leaflet-marker-icon, img.leaflet-marker-icon:hover {
    background: none !important;
  }
  .render-shell:not([data-document-path]) img:not(.leaflet-tile):not(.leaflet-marker-icon):hover,
  .render-shell:not([data-document-path]) canvas:hover {
    background-image: url("") !important;
  }
}
